﻿<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>ToDoList—最简单的待办事项</title>
		<link rel="stylesheet" href="./css/Todo.css" />
		<script src="./js/jquery.min.js"></script>
		<script src="./js/Todo.js"></script>
	</head>

	<body>
		<header>
			<section>
				<label for="title">ToDoList</label>
				<input
					type="text"
					id="title"
					name="title"
					placeholder="请输入ToDo"
					required="required"
					autocomplete="off"
				/>
			</section>
		</header>
		<section>
			<h2>
				正在进行
				<span id="todocount"></span>
			</h2>
			<ol id="todolist" class="demo-box"></ol>
			<hr />
			<h2>
				已经完成
				<span id="donecount"></span>
			</h2>
			<ul id="donelist"></ul>
		</section>
	</body>
</html>
